.hide{
  display: none;
}
.show{
  display: block !important;
}

.videolist-content-wrap {
    width: 864px;
    height: 687px;
    margin: 0 auto;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 0 20px;
    background: #FFFFFF;margin-top: 26px;
    position: relative;
  }

  .list-none{
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
    border-radius: 8px;
    width: 384px;
    height: 271px;
  }

  .videolist-title {
    font-size: 22px;
    color: #333333;
    padding-left: 14px;
  }

  .video-number {
    font-size: 32px;
    color: #48ae28;
    position: relative;
    top: 3px;
  }
  .video-play-wrap{height: 510px;    width: 800px;display: none;    position: fixed;  z-index: 5;}
  .close{width: 48px;height: 48px;background:url(../images/close.png) no-repeat;background-size:cover;position: absolute;right: 0;top: -40px;z-index: 3}
  .img-wrap{width: 176px;height: 112px;    float: left;}
  .test{width: 800px;
    height: 510px;
    position: fixed;left: 50%;top: 50%;transform: translateX(-50%);margin-top: -255px;z-index: 4}
    .play-icon{width: 51px;height: 51px;background: url(../images/play.png) no-repeat;background-size:cover;     position: absolute;    left: 62.5px;    top: 30.5px;}
    .img-wrap{position: relative;}
.video-item-right {
  width: 600px;
  float: right;
  height: 112px;
  position: relative;

}
.brower-number {
  font-size: 14px;
  position: absolute;
  bottom: 4px;
  color: #333333;
}

li {
    list-style: none;
    overflow: hidden;
    font-size: 18px;
    color: #333333;
    padding: 12px;
    box-sizing: border-box;
  }
  li img {
    /* float: left;
    margin-right: 12px; */
  }
  .listflex{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .list-none-content{
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .list-none-img{
    width: 240px;
    height: 160px;
  }
  .list-none-img>img{width: 100%;height: 100%;}
  .list-none-foot{font-size: 18px;color: #A9A9A9;display: flex;justify-content: center}
  .list-none-title{display: flex;justify-content: center;font-size: 24px;color: #333333;align-items: center;height: 36px;margin-top: 16px;}
.list-none-title>text{font-size: 26px;color: #48AE28;margin-left: 13px;}